<template>
    <iframe class="feeling" src="/sentiment.html"></iframe>
</template>

<script>
export default {
  data() {
    return {
      htmlContent: ''
    };
  },
  mounted() {
    // 在组件挂载后，加载public文件夹下的example.html文件内容
    this.loadHtmlContent();
  },
  methods: {
    async loadHtmlContent() {
      try {
        
        const response = await fetch('/sentiment.html');
        const html = await response.text();
        this.htmlContent = html;
        console.log(html);
      } catch (error) {
        console.error('Error loading HTML content:', error);
      }
    }
  }
};
</script>
<style scoped>
 .feeling{
    width:1450px;
    height:670px;
    border: 0cap;
 }
</style>
